.fullbox, [fullbox] {
  margin: 0 auto;
  padding: 0 0.2rem;
}

.page-box, .container, [page-box] {
  margin: 0 auto;
  padding: 0 0.68rem;
}

.row, [row] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
}

.flex-middle, [flex-middle] {
  align-items: center;
}

.flex-item, [flex-item] {
  flex: 0 1 auto;
}

.row-nowrap, [row-nowrap] {
  flex-flow: row nowrap;
}

.row-space, [row-space] {
  justify-content: space-around;
}

.cell, [cell] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  flex: 1;
  box-sizing: border-box;
}

.c-0-5, [c-0-5] {
  width: 4.15%;
  box-sizing: border-box;
}

.c-1, [c-1] {
  width: 8.333333%;
  box-sizing: border-box;
}

.c-2, [c-2] {
  width: 16.666666%;
  box-sizing: border-box;
}

.c-3, [c-3] {
  width: 25%;
  box-sizing: border-box;
}

.c-4, [c-4] {
  width: 33.333333%;
  box-sizing: border-box;
}

.c-5, [c-5] {
  width: 41.666666%;
  box-sizing: border-box;
}

.c-6, [c-6] {
  width: 50%;
  box-sizing: border-box;
}

.c-7, [c-7] {
  width: 58.336666%;
  box-sizing: border-box;
}

.c-8, [c-8] {
  width: 66.666666%;
  box-sizing: border-box;
}

.c-9, [c-9] {
  width: 75%;
  box-sizing: border-box;
}

.c-10, [c-10] {
  width: 83.333333%;
  box-sizing: border-box;
}

.c-11, [c-11] {
  width: 91.666666%;
  box-sizing: border-box;
}

.c-12, [c-12] {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
  .hide-for-small, [hide-for-small] {
    visibility: hidden;
    display: none;
  }

  .show-large-only, [show-large-only] {
    visibility: hidden;
    display: none;
  }

  .show-middle-plus, [show-middle-plus] {
    visibility: hidden;
    display: none;
  }

  .sm-0-5, [sm-0-5] {
    width: 4.15%;
    box-sizing: border-box;
  }

  .sm-1, [sm-1] {
    width: 8.333333%;
    box-sizing: border-box;
  }
  
  .sm-2, [sm-2] {
    width: 16.666666%;
    box-sizing: border-box;
  }
  
  .sm-3, [sm-3] {
    width: 25%;
    box-sizing: border-box;
  }
  
  .sm-4, [sm-4] {
    width: 33.333333%;
    box-sizing: border-box;
  }
  
  .sm-5, [sm-5] {
    width: 41.666666%;
    box-sizing: border-box;
  }
  
  .sm-6, [sm-6] {
    width: 50%;
    box-sizing: border-box;
  }
  
  .sm-7, [sm-7] {
    width: 58.33%;
    box-sizing: border-box;
  }
  
  .sm-8, [sm-8] {
    width: 66.666666%;
    box-sizing: border-box;
  }
  
  .sm-9, [sm-9] {
    width: 75%;
    box-sizing: border-box;
  }
  
  .sm-10, [sm-10] {
    width: 83.333333%;
    box-sizing: border-box;
  }
  
  .sm-11, [sm-11] {
    width: 91.666666%;
    box-sizing: border-box;
  }
  
  .sm-12, [sm-12] {
    width: 100%;
    box-sizing: border-box;
  }

}

@media only screen and (min-width:751px) and (max-width: 1280px) {
  .show-small-only, [show-small-only] {
    visibility: hidden;
    display: none;
  }

  .hide-for-middle, [hide-for-middle] {
    visibility: hidden;
    display: none;
  }

  .show-large-only, [show-large-only] {
    visibility: hidden;
    display: none;
  }

  .md-0-5, [md-0-5] {
    width: 4.15%;
    box-sizing: border-box;
  }

  .md-1, [md-1] {
    width: 8.333333%;
    box-sizing: border-box;
  }
  
  .md-2, [md-2] {
    width: 16.666666%;
    box-sizing: border-box;
  }
  
  .md-3, [md-3] {
    width: 25%;
    box-sizing: border-box;
  }
  
  .md-4, [md-4] {
    width: 33.333333%;
    box-sizing: border-box;
  }
  
  .md-5, [md-5] {
    width: 41.666666%;
    box-sizing: border-box;
  }
  
  .md-6, [md-6] {
    width: 50%;
    box-sizing: border-box;
  }
  
  .md-7, [md-7] {
    width: 58.333333%;
    box-sizing: border-box;
  }
  
  .md-8, [md-8] {
    width: 66.666666%;
    box-sizing: border-box;
  }
  
  .md-9, [md-9] {
    width: 75%;
    box-sizing: border-box;
  }
  
  .md-10, [md-10] {
    width: 83.333333%;
    box-sizing: border-box;
  }
  
  .md-11, [md-11] {
    width: 91.666666%;
    box-sizing: border-box;
  }
  
  .md-12, [md-12] {
    width: 100%;
    box-sizing: border-box;
  }

}

@media only screen and (min-width: 1281px) {
  .show-small-only, [show-small-only] {
    visibility: hidden;
    display: none;
  }

  .hide-for-large, [hide-for-large] {
    visibility: hidden;
    display: none;
  }
  
  .lg-0-5, [lg-0-5] {
    width: 4.15%;
    box-sizing: border-box;
  }

  .lg-1, [lg-1] {
    width: 8.333333%;
    box-sizing: border-box;
  }
  
  .lg-2, [lg-2] {
    width: 16.666666%;
    box-sizing: border-box;
  }
  
  .lg-3, [lg-3] {
    width: 25%;
    box-sizing: border-box;
  }
  
  .lg-4, [lg-4] {
    width: 33.333333%;
    box-sizing: border-box;
  }
  
  .lg-5, [lg-5] {
    width: 41.666666%;
    box-sizing: border-box;
  }
  
  .lg-6, [lg-6] {
    width: 50%;
    box-sizing: border-box;
  }
  
  .lg-7, [lg-7] {
    width: 58.333333%;
    box-sizing: border-box;
  }
  
  .lg-8, [lg-8] {
    width: 66.666666%;
    box-sizing: border-box;
  }
  
  .lg-9, [lg-9] {
    width: 75%;
    box-sizing: border-box;
  }
  
  .lg-10, [lg-10] {
    width: 83.333333%;
    box-sizing: border-box;
  }
  
  .lg-11, [lg-11] {
    width: 91.666666%;
    box-sizing: border-box;
  }
  
  .lg-12, [lg-12] {
    width: 100%;
    box-sizing: border-box;
  }
  
}
